<template>
  <svg class="icon" height="80" viewBox="0 0 1024 1024" width="80" xmlns="http://www.w3.org/2000/svg">
    <path d="M406.039871 980.135456a98.803 43.864544 0 1 0 197.606 0 98.803 43.864544 0 1 0-197.606 0Z" fill="#2CCFA7"
          opacity=".1"></path>
    <path class="selected"
          d="M511.982984 0a323.137271 323.137271 0 0 1 323.325878 322.948665C835.308862 623.668675 524.727413 657.429286 509.099995 966.313275 491.667342 658.345376 188.657106 626.632496 188.657106 322.948665A323.137271 323.137271 0 0 1 511.982984 0z"
          data-spm-anchor-id="a313x.7781069.0.i7" fill="#d81e06"></path>
    <path
        d="M465.639608 549.707881s-202.078674-48.822208-101.739876-256.882411a93.764505 93.764505 0 0 1 12.690541 43.352612 146.170241 146.170241 0 0 1 51.354927-83.741403c37.451914-33.922273 53.618208-100.958505 27.321036-128.063991a189.953953 189.953953 0 0 1 145.496646 162.686804 78.137087 78.137087 0 0 1 51.193264-47.475016 90.989291 90.989291 0 0 0 0 59.276411s108.718327 183.029391-78.406526 244.838521c0 0 56.09704-62.698277-62.994658-170.311906-12.852204 27.105486-9.080068 48.121668-37.721353 72.963873a75.20021 75.20021 0 0 0-7.220945 103.329562z m0 0"
        fill="#FFFFFF">
      <animate attributeName="fill" attributeType="CSS"
               dur="3s" from="#930000" repeatCount="indefinite"
               to="#ffffff">
      </animate>
    </path>
  </svg>
</template>

<script>
export default {
  name: "svgIcon"
}
</script>

<style scoped>
</style>